const ESLintPlugin = require('eslint-webpack-plugin');

module.exports = {
    // mode是指定webpack的功能模式 有两种 一种是开发模式 就是在内存中打包 development
    // 另一种是生产模式 是在硬盘中打包 production
    mode: "development",
    devtool: 'eval-source-map', // 控制台红报错位置和源码中位置保持一致
    devServer: {
        port: 8888,
        open: true // 打包成功后 自动打开浏览器
    },
    plugins: [
        // 这个插件仅仅是把eslint集成到 webpack中
        new ESLintPlugin({
            eslintPath: 'eslint', // 指定使用什么对代码进行校验
            extensions: ['js', 'jsx', 'ts', 'tsx'], // 对那些模块进行校验
            exclude: ['node_modules'], // 不对 node_modules 中的代码进行校验 可以提升打包速度
            fix: false,  // 关闭自动修复功能
            formatter: 'stylish',  // 格式化
        })
    ]

}